<!DOCTYPE html>
<html lang="en">
<head>
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <link rel="shortcut icon" href="<?php echo base_url();?>public/img/favicon.ico" type="image/x-icon">
        <link rel="icon" href="<?php echo base_url();?>public/img/favicon.ico" type="image/x-icon">
	<link href="<?php echo base_url(); ?>public/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
        <link href="<?php echo base_url(); ?>public/css/bootstrapValidator.min.css" rel="stylesheet" type="text/css" />
        <link href="<?php echo base_url(); ?>public/js/jquery-ui-1.10.4.custom/css/redmond/jquery-ui-1.10.4.custom.min.css" type="text/css" rel="stylesheet" />
	<link href="<?php echo base_url(); ?>public/css/global.css" rel="stylesheet" type="text/css" />
        <link href="<?php echo base_url(); ?>public/css/bootstrap-datetimepicker.min.css" rel="stylesheet" type="text/css" />
        <link href="<?php echo base_url(); ?>public/css/bootstrap-datetimepicker.css" rel="stylesheet" type="text/css" />
        <link rel="stylesheet" href="<?php echo base_url(); ?>public/css/datepicker.css">
        <link rel="stylesheet" href="<?php echo base_url();?>public/css/trade.css"/>
        <link rel="stylesheet" href="<?php echo base_url();?>public/css/profilepage.css"/>
        
        
        <script src="<?php echo base_url(); ?>public/js/jquery-1.9.1.min.js" type="text/javascript"></script>
        <script src="<?php echo base_url(); ?>/public/js/moment.min.js" type="text/javascript"></script>
        <script src="<?php echo base_url(); ?>/public/js/transition.js" type="text/javascript"></script>
        <script src="<?php echo base_url(); ?>/public/js/collaspe.js" type="text/javascript"></script>
        <script src="<?php echo base_url(); ?>public/js/bootstrap.js" type="text/javascript" ></script>
        <script src="<?php echo base_url(); ?>public/js/bootstrapValidator.min.js" type="text/javascript" ></script>
        <script src="<?php echo base_url(); ?>public/js/bootstrap-datetimepicker.js" type="text/javascript" ></script>
        <script src="<?php echo base_url(); ?>public/js/trade.js" type="text/javascript" ></script>
      
</head>
            
<body>
<div class="container">
    <div class="header">
        <a href="<?php echo base_url(); ?>index.php">
            <img id='searchlogo' src='<?php echo base_url();?>public/img/TicForTac_Logo.png'/>
        </a>
        <div class="buttonBox">
                <div class="About button">ABOUT</div>
                <div class="logout button"><a href="profile/signout" >LOG OUT</a></div>

        </div>
    </div>
    <!--div class="clear"></div-->
    <div class="row">
        <div class="col-md-1 profileBar">
           
                <div class="profileBox row">
                    <div class="col-md-6">
                        <img id="profileImage" class="left" src='<?php echo base_url();?>public/img/userplaceholder.png'/>
						
                    </div>
                    <div class="userName col-md-6">        
                        <span><?php echo $curuser->FST_NAME;?> <br> <?php echo $curuser->LAST_NAME;?></span>
                    </div>
                </div>
                <ul class="list-unstyled userOptions">
                    <li class="detailUserOptions">News Feed</li>
                    <li class="detailUserOptions">Skill Trades</li>
                    <li class="detailUserOptions">Wish List</li>
                    <li class="detailUserOptions">Skill Matches</li>
                    <li class="detailUserOptions">User Contacts</li>
                    <li class="detailUserOptions">User Messages</li>
                    <li class="detailUserOptions">User Meetings</li>
                </ul>
            
            <div class="clear"></div>
        </div>
        <div class="col-md-9">
            <div class="profileDetail row">
               <div class="profileAbout row">
                 <form role="form" id ="tradeAddingForm" class="profile_add_form form validate_form_signup" action="tradepage/inserttrade" method="POST">
                    <!--div class="form-group"> 
                      <label class="control-label">Teach</label>
                      <!input name="teach" type ="text"class="dynamic_selector form-control">
                    </div-->
                    <!--label class="control-label">Teach</label>
                    <select class="form-control">
                      
                        <option>java</option>
                        <option>c</option>
                        <option>c#</option>
                        <option>c++</option>
                        <option>python</option>
                  
                    </select-->
                    
                    <div class="form-group">
                        <label class="control-label">Teach</label>
                        <select name="teachid" data-source="ajaxhandler/getallskillnames" class="dynamic_selector form-control"></select>
                    </div>
                    
                    <div class="form-group">
                        <label class="control-label">learn</label>
                        <input name="learnid" type="text" class="form-control">
                    </div>
                    <label class="control-label">Expiration Date</label>
                    <div class="form-group">
                        <div class="input-group date" id="datetimepicker1">
                            <input name="epid" type='text' class="form-control" />
                            <span class="input-group-addon"><span class="glyphicon glyphicon-calendar"><span>
                            <span>
                        </div> 
                    </div>
                    <div class="form-group">
                        <label for="name">Text Area</label>
                        <textarea name="description"class="form-control" rows="3"></textarea>
                    </div>
                    <div class="form-group" >
                        <input class="btn btn-success btn-lg btn-block" type="submit" value="Submit" />
                    </div>
                </form>
                    <div class="trade_results">
                        <table class="editable_table table table-hover userskills_table">
                            <thead>
                            <tr>
                                <th>*The maximum trades is 10</th>
                            </tr>
                            </thead>
                            <tbody>
                              <?php if (count($tradelist) > 0) {?>
                                    <?php $counter = 0?>
                                <?php foreach($tradelist as $single_trade){ ?>
                                            <?php $counter ++?>
                                            <?php if ($counter > 10){?>
                                            <?php break;}?>
                                            <tr>
                                                <td class="editable_field" data-table="matches" data-teachid="<?php echo $single_trade['teachid'] ?>" data-learnid="<?php echo $single_trade['learnid'] ?>" data-epid="<?php echo $single_trade['epid'] ?>">I want to teach <?php echo $single_trade['teachname'] ?></td>
                                                <td class="editable_field" data-table="matches" data-teachid="<?php echo $single_trade['teachid'] ?>" data-learnid="<?php echo $single_trade['learnid'] ?>" data-epid="<?php echo $single_trade['epid'] ?>">I want to learn <?php echo  $single_trade['learnname']?></td>
                                                <td class="editable_field" data-table="matches" data-teachid="<?php echo $single_trade['teachid'] ?>" data-learnid="<?php echo $single_trade['learnid'] ?>" data-epid="<?php echo $single_trade['epid'] ?>">Expiration Date: <?php echo  $single_trade['epid']?> </td>
                                                <td><img class="clear_icon2" data-table="matches" data-teachid="<?php echo $single_trade['teachid'] ?>" data-learnid="<?php echo $single_trade['learnid'] ?>" data-epid="<?php echo $single_trade['epid'] ?>" src="<?php echo base_url()?>public/img/clear.png" ></td>
                                            </tr>       
                                <?php }?>
                              <?php }?>
                                            <!--tr>
                                                <td class="editable_field" data-table="matches" data-teachid="" data-learnid="" data-epid=""> I want to teach java</td>
                                                <td class="editable_field" data-table="matches" data-teachid="" data-learnid="" data-epid="">I want to learn c++ </td>
                                                <td class="editable_field" data-table="matches" data-teachid="" data-learnid="" data-epid="">Expiration Date 2012.4.5</td>
                                                <td><img class="clear_icon" data-table="matches" data-teachid="" data-learnid="" data-epid="" src="public/img/clear.png" ></td>
                                            </tr-->    
                            </tbody>
                        </table>                    
                     </div>
                 </div>
              </div>
            <div class="clear"></div>
        </div>
    </div>
 </div>  
</body>
</html>
